<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>추천 목록 페이지</title>
<script type="text/javascript" src="/bigjo/js/jquery.cycle.js"></script>

<script type="text/javascript">
	jQuery.noConflict(); // 예약어로 사용되는 "$" 문자를 다른 라이브러리와 충돌이 나지 않게 하는 역할을 한다.
	jQuery(document).ready(function() {
		jQuery("#top10Slideimages").cycle({
			fx : 'scrollLeft',
			speed : 500,
			timeout : 2000,
			pause : 1
		});
	});
</script>

</head>
<body>
	<div id="top10Slideimages">
		<c:forEach var="top" items="${top10}">
			<div><img
				src="/bigjo/media/albumArt/${top.musicBean.ms_album}.jpg"
				width="200" height="200" alt="Blue"></div>
		</c:forEach>
	</div>
</body>
</html>